<ng-container *ngIf="tagData !== undefined; else elseTemplate">
   
      <div class="" [ngStyle]="tagData.cssStyle | styleFilter">
        <div  class="def-content-h" [ngStyle]="tagData.valueCssStyle | styleFilter">
            <ul class="content-modal" >
                <ng-container *ngFor="let indus of list">
                    <li appDebounceClick (debounceClick)="getSmallIndus(indus)" class="bigName f16" [ngClass]="{'background':indus.background,'checked':indus.checkLen}">
                        <span >{{indus.label}}</span>
                        <span class="checklen" [ngClass]="{'display-hide': !indus.checkLen || max == 1}" >{{indus.checkLen}}</span>
                    </li>
                </ng-container>
            </ul>
          
            <ul class="smallIndus-modal"  *ngIf="bigIndus">
                <li class="smallIndus-modal-li" *ngFor="let item of bigIndus.children" appDebounceClick (debounceClick)="selectSmallIndus(bigIndus,item)">
                    <span class="smallName f16" [ngClass]="{'checked':item.selected}">{{item.label}}</span>
                    <ion-icon name="checkmark" [ngClass]="{'display-hide': !item.selected}"   class="checked f28">
                  </ion-icon>
                </li>
            </ul>
        </div>
          
        
        
        <div class="footer-bg-modal" *ngIf="tagData.showValue === 'generalSubmit' || tagData.showSureBtn">
            <!-- <div class="footer"></div> -->
            <div class="btn-bg">
                <div appDebounceClick (debounceClick)="reset()"  class="btn-reset"><i class="btn-reset-i"></i><span class="btn-reset-span">重置</span></div>
                <div class="btn-sure" appDebounceClick (debounceClick)="dismiss()" >确定</div>
            </div>
        </div>
            
        
      </div>
      
      
      
</ng-container>
<ng-template #elseTemplate>
    <ion-header *ngIf="!isLJModel">
        <ion-toolbar>
            <ion-buttons slot="start">
                <ion-button appDebounceClick (debounceClick)="cancel()">
                    <!-- <ion-icon name="close" class="close-icon"></ion-icon> -->
                    <img src="../assets/icon/nav_icon_close@3x.png" class="backBtnStyle">
                </ion-button>
            </ion-buttons>
            <ion-title>{{data.placeHolder}}</ion-title>
            <ion-buttons slot="end">
                <ion-button appDebounceClick (debounceClick)="dismiss()" class="text-color-orange">
                    确定
                </ion-button>
            </ion-buttons>
        </ion-toolbar>
      </ion-header>
      <!-- 增加半窗样式 -->
      <ng-container *ngIf="isBottomModal; else isFullModal">
        <div class="bottom-bg">
            <div class="bottom-list">
                <ul class="content" [ngClass]="{'content-lj': isLJModel}">
                    <ng-container *ngFor="let indus of list">
                        <li appDebounceClick (debounceClick)="getSmallIndus(indus)" class="bigName f16" [ngClass]="{'background':indus.background,'checked':indus.checkLen}">
                            <span >{{indus.label}}</span>
                            <span class="checklen" *ngIf="indus.checkLen">{{indus.checkLen}}</span>
                        </li>
                    </ng-container>
                </ul>
              
                <ul class="smallIndus" [ngClass]="{'smallIndus-lj': isLJModel}" *ngIf="bigIndus">
                    <li class="smallIndus-li" *ngFor="let item of bigIndus.children" appDebounceClick (debounceClick)="selectSmallIndus(bigIndus,item)">
                        <span class="smallName f16" [ngClass]="{'checked':item.selected}">{{item.label}}</span>
                        <!-- <ion-icon name="checkmark" *ngIf="item.selected" class="checked f28">
                      </ion-icon> -->
                      <i class="nochecked-row" [ngClass]="{'checked-row ': item.selected}"></i>
                    </li>
                </ul>
            </div>
        
            <div class="btn-bg-bottom">
                <div appDebounceClick (debounceClick)="reset()"  class="btn-reset"><i class="btn-reset-i"></i><span class="btn-reset-span">重置</span></div>
                <div class="btn-sure" appDebounceClick (debounceClick)="dismiss()" >确定</div>
            </div>
        </div>

      </ng-container>
      <ng-template #isFullModal>
        <ion-content class="relative" scroll-y="false">
            <div style="display: flex;height: 100%;">
                <ul class="content" [ngClass]="{'content-lj': isLJModel}">
                    <ng-container *ngFor="let indus of list">
                        <li appDebounceClick (debounceClick)="getSmallIndus(indus)" class="bigName f16" [ngClass]="{'background':indus.background,'checked':indus.checkLen}">
                            <span >{{indus.label}}</span>
                            <span class="checklen" *ngIf="indus.checkLen">{{indus.checkLen}}</span>
                        </li>
                    </ng-container>
                </ul>
              
                <ul class="smallIndus" [ngClass]="{'smallIndus-lj': isLJModel}" *ngIf="bigIndus">
                    <li class="smallIndus-li" *ngFor="let item of bigIndus.children" appDebounceClick (debounceClick)="selectSmallIndus(bigIndus,item)">
                        <span class="smallName f16" [ngClass]="{'checked':item.selected}">{{item.label}}</span>
                        <ion-icon name="checkmark" *ngIf="item.selected" class="checked f28">
                      </ion-icon>
                    </li>
                </ul>
                <div class="footer"></div>
            </div>
            </ion-content>     
            <ng-container *ngIf="isLJModel">
                <ion-footer class="footer-bg">
                    
                <div class="btn-bg">
                    <div appDebounceClick (debounceClick)="reset()"  class="btn-reset"><i class="btn-reset-i"></i><span class="btn-reset-span">重置</span></div>
                    <div class="btn-sure" appDebounceClick (debounceClick)="dismiss()" >确定</div>
                </div>
                </ion-footer>
                
            </ng-container>   
      </ng-template>
    
      
</ng-template>
